<template>
    <div  class="">
        <menutemplate :modelJson="zhongxinmanujson" :fromZujian = "'zhongxin'"></menutemplate>
        <!--<daibanlist :daiban="daiban"></daibanlist>-->
        <!-- 组件（页面、功能） -->
        <!--:class="{'contain':true,'shouqi':!leftmenuStruchFlag,'smallcon':rightmenuStruchFlag,'bigcon':!rightmenuStruchFlag}"-->
        <div :class="{'contain':true,'shouqi':!leftmenuStruchFlag,'bigcon':true,}">
        	<el-breadcrumb separator-class="el-icon-arrow-right" style="height:35px;width:100%;line-height:35px;" v-if="menuName!=''&&pageName!=''">
        		<el-breadcrumb-item>{{menuName}}</el-breadcrumb-item>
				<el-breadcrumb-item v-if="pageName!=''">{{pageName}}</el-breadcrumb-item>
				
			</el-breadcrumb>
            <div v-bind:is="nowpage" style="height:calc(100% - 35px)">
            	
            </div>
        </div>
    </div>
</template>

<script>

import $ from 'jquery'
import { mapState } from 'vuex'
import menutemplate from '@/common/menu.vue'
import daibanlist from '@/common/daibanlist.vue'
const homePage = () => import('./homePage.vue');//个人主页

export default {
  name: 'App',
  data () {
    return {
      msg: '',
      pagebarwidth:'',
      pagebarleft:'',
      daiban:[
                {
                  name:'我的检测',
                  tips:3,
                  src:require("../assets/img/task.png"),
                  pagename:'mytest'
                },
                {
                  name:'我的校核',
                  tips:1,
                  src:require("../assets/img/get.png"),
                  pagename:'mycheck'
                },
                {
                  name:'结果审核',
                  src:require("../assets/img/jieshou.png"),
                  tips:0
                },
                {
                  name:'报告审核',
                  src:require("../assets/img/jiance.png"),
                  tips:0
                },
                {
                  name:'报告签发',
                   src:require("../assets/img/get.png"),
                  tips:0
                },
                {
                  name:'仪器维护',
                   src:require("../assets/img/shenhe.png"),
                  tips:0
                },
                {
                  name:'仪器期间核查',
                   src:require("../assets/img/jiance.png"),
                  tips:0
                },
                {
                  name:'仪器检定校准',
                   src:require("../assets/img/jieshou.png"),
                  tips:0
                }
      ],
    }
  },
  computed:{
    ...mapState(['zhongxinmanujson','nowpage','topmenu','leftmenuStruchFlag','pageName','menuName','rightmenuStruchFlag']),
  },
  watch:{

  },
  mounted(){
    this.$store.commit('changenowpage','homePage');
    this.$store.commit('changetopmenu',0);
    
  },
  components:{
    'homePage':homePage,
    // 'comparisonMonitoring':comparisonMonitoring,
    // 'assessmentMonitoring':assessmentMonitoring,
    // 'shuiwuzonglan':shuiwuzonglan,
    // 'zaixianjiance':zaixianjiance,
    // 'shiyanshijiance':shiyanshijiance,
    'menutemplate':menutemplate,
    'daibanlist':daibanlist,
    // 'comparisontask':comparisontask,
    },
  methods:{

  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    
</style>
